<template>
  <div class="container">
    <div class="box">
      <SendMail/>
    </div>
    <div class="box">
      <Tools/>
    </div>
    <!-- <div class="box new-line">
      <Plan/>
    </div> -->
    
  </div>




</template>
<script setup>
import { ref, reactive, onMounted, watch } from 'vue';
import { MessagePlugin } from 'tdesign-vue-next';
import { useRouter } from 'vue-router';
import { fetchServerData, fetchItemData, RequestSendMail, RequestGodSkill } from '@/composables/usePax'
import SendMail from '@/components/pax/SendMail.vue'
import Tools from '@/components/pax/Tools.vue'
import Plan from '@/components/pax/Plan.vue'


</script>
<style scoped>
/* 父容器：占满窗口，启用 Flexbox */
.container {
  display: flex;
  /* 启用 Flexbox */
  flex-wrap: wrap;
  /* 允许换行 */
  width: 100vw;
  /* 宽度占满视口 */
  height: 100vh;
  /* 高度占满视口 */
  margin: 0;
  /* 去掉默认 margin */
  padding: 0;
  /* 去掉默认 padding */
}

/* 子 div：并排显示，各占 50% 宽度 */
.box {
  flex: 1;
  /* 自动撑满剩余空间（等宽） */
  border: 1px solid #ccc;
  /* 可选：边框用于观察 */
}
.new-line {
  flex-basis: 100%;
  clear: both;
}

.demo-select-base {
  width: 280px;
}
</style>
